<template>
	<view v-if="isVerify" class="not-open">
		该功能暂未开通
	</view>
	<view v-else class="main-box">
		
	
		<view>
			<image id="form-box" mode="widthFix" class="bg-image" src="https://web.78keji.cn/images/yxjz/tcq_x.png"></image>
			<!-- <view class="mobile-roll-up-box" style="margin-top: 20rpx;">
				<pzb-pro-roll-left-mobile></pzb-pro-roll-left-mobile>
			</view> -->
		
			<view class="index-all-content-box">
				
				<view class="main-form-box" style="z-index: 999;">
				
					<yxjz :mobile="formData.mobile" :param="formData.param" :submit="formData.submit"
						:baseImagePath="imagePath" btnImg="https://web.78keji.cn/images/pro/img_btn.png"></yxjz>
						<view class="tip-text" >
							业务资费：连续包月25元/月（可随时取消）
						</view>
						<view class="tip-text">
							续订权益：热门会员多选1+25元立减金+沃悦读权益（详见说明）
						</view>
						</view>
						<view class="tip-text">
							客服热线：400-8825-010
						</view>
				</view>
			</view>
			<!-- <image mode="widthFix" class="bg-image" :src="imagePath + 'bottom.png'"></image> -->
		</view>


	</view>
</template>

<script>
	import httpUtil from "@/utils/httpUtil";
	import commonApi from "@/api/commonApi";
	import userApi from "@/api/userApi";
	import logApi from "../../api/logApi";
	import paramApi from "../../api/paramApi";

	export default {
		data() {
			return {
				isVerify: false,
				scrollTop: 0,
				imagePath: 'https://h5.sx2b2c.com/images/pingzhi_shenghuo_dahuiyuan/zhifubao_mini/banpin/',
				scrollToTargetId: "form-box",
				formData: {
					mobile: '',
					param: '',
					submit: 0,
					intervalId: '',
				}
			}
		},
		onLoad(option) {
			this.initData(option)
			my.hideBackHome()
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop
		},
		methods: {
			initData(option) {
				// option.a = '123aaa'
				// option.param = "4"

				logApi.addLog('pzb_tcq option:' + JSON.stringify(option))
				paramApi.initData(option)

				this.initParam(option)
				commonApi.is404()

				if (!userApi.getUserId()) {
					userApi.initUserId()
				}
				if (option.submit) {
					this.formData.submit = option.submit
				}

				commonApi.isVerify(res => {
					this.isVerify = res
				})

				commonApi.buriedPoint(56)
				commonApi.newBuriedPoint('LH2516')
			},
			initParam(option) {
				if (option.a) {
					httpUtil.setA(option.a)
				}
				if (option.param) {
					userApi.setParam(option.param)
				}
			}
		}
	}
</script>

<style lang="scss">
	.not-open {
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #000;
		
	}

	.main-box {
		background-color: #82bcf6;
		min-height: 100vh;
		padding-bottom: 20rpx;
	}

	.main-form-box {
		width: 90%;
		// position: absolute;
		// left: 5%;
		// bottom: 10vh;
		margin: 0rpx auto 0;
	}

	.bg-image {
		width: 100%;
		height: auto;
	}
.tip-text {
		letter-spacing: 2rpx;
		font-size: 22rpx;
		color: black;
		text-align: center;
		margin-top: 16rpx;
		
	}
	.index-all-content-box {
	
		width: 100%;
		background-color: #82bcf6;
	}

	.mobile-roll-left-box {
		position: relative;
		margin-top: -50rpx;
	}
	.tip-texts{
	letter-spacing: 2rpx;
	font-size: 22rpx;
	
	padding-top: 16rpx;
	text-align: center;

	
	background-color: #BCE0FD;
}
</style>